<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML区块</title>
</head>

<body>
    <div class="navigator"><!--块级标签，无语义，用于创建页面布局结构，如页面，导航栏，内容部分等-->
        <a href="#">链接1</a><!--#,无地址不跳转-->
        <a href="#">链接2</a>
        <a href="#">链接3</a>
        <a href="#">链接4</a>
    </div>
    <div class="content">
        <h1>文章标题</h1>
        <p>文章内容</p>
    </div>
    <span>
        <!--行内标签，无语义，用于包裹文本或其他行内元素，如链接、图片等。
        便于使用样式等-->
        这是第一个span标签
    </span>
    <hr>
    <span>链接点击这里<a href="#">链接</a></span>
</body>

</html>